'use strict';

Vue.component('child', {
    // 声明 props
    props: ['message'],
    // 同样也可以在 vm 实例中像 "this.message" 这样使用
    template: '\n<div>\n<span style="color:red;" @click="test">{{ message }}</span>\n<p>666</p>\n</div>\n',
    data: function data() {
        return {
            name: '这是一个组件'
        };
    },

    methods: {
        test: function test() {
            console.log('test');
        }
    },
    created: function created() {},
    mounted: function mounted() {
        console.log('child mounted');
    }
});